import React from "react"
import { Link } from "react-router-dom"

class Recommend extends React.Component {
	render(): React.ReactNode {
		return (
			<div>
				<div className="mb-2 bg-primary rounded p-2">Recommend</div>
				<div className="mb-2 bg-primary rounded p-2">Recommend</div>
				<div className="mb-2 bg-primary rounded p-2">Recommend</div>
				<Link to="/detail/123">
					<div className="mb-2 bg-success rounded p-2">To Detail Page</div>
				</Link>
				<Link to="/">
					<div className="mb-2 bg-danger rounded p-2">To Root Page</div>
				</Link>
			</div>
		)
	}
}

export default Recommend
